@import 'variables';
bill {
  background-color: #fff;
  .search-results {
    margin-top: 1rem;
  }
  .detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: pxTorem(140);
    padding: 0 pxTorem(24);
    background-color: #fff;
    .left {
      &>div {
        float: left;
      }
      max-width: 85%;
      .icon {
        img {
          width: pxTorem(80);
        }
        padding-right: pxTorem(20);
      }
      .name {
        overflow: hidden;
        text-overflow: ellipsis; //  color:($c, c2);
        color: color($h5, c2);
        line-height: 1.2;
        white-space: nowrap;
        @include font-dpr(28px);
      }
      .time {
        line-height: 1.2;
        padding-top: pxTorem(20); //  color:($c, c4);
        @include font-dpr(28px);
        color: color($h5, c4);
      }
      .word {
        max-width: 75%;
      }
    }
    .right {
      text-align: right;
      .money {
        line-height: 1.2; //  color:($c, c2);
        font-weight: bolder;
        @include font-dpr(32px);
      }
      .status {
        @include font-dpr(26px);
        line-height: 1.2;
        padding-top: pxTorem(20);
        &.error {
          color: color($h5, c11);
        }
        &.ing{
          color: color($h5, c1);
        }
      }
    }
    &:nth-last-of-type(1):after {
      display: none;
    }
  }
}
